<!--
 * @Author: 陈焕杰
 * @Date: 2020-06-28 15:49:26
 * @LastEditTime: 2020-06-29 21:30:53
 * @LastEditors: Please set LastEditors
 * @Description: 评价
 * @FilePath: \mobile_project\src\pages\user\orders\assess.vue
--> 

<template>
  <div class="assess">
    <van-nav-bar title="评价" left-text="返回" left-arrow placeholder @click-left="goback" />

    <van-cell-group>
      <div class="detail">
        <van-image :src="require('@/assets/logo.png')" lazy-load>
          <template v-slot:loading>
            <van-loading type="spinner" size="20" />
          </template>
        </van-image>
        <div class="center">
          <p class="name">吊带短裤睡衣女夏套装睡裙两件套纯棉韩版蕾丝宽松可爱无袖家居服</p>
          <p class="num">黑管19号</p>
          <p class="amount">×1</p>
        </div>
      </div>
      <van-cell>
        <template>
          <div>
            <span>我的评分：</span>
            <van-rate v-model="value" />
          </div>
        </template>
      </van-cell>
      <van-cell title="我的评论：">
        <template #label>
          <div class="assess-content">
            <van-field
              v-model="message"
              rows="3"
              autosize
              type="textarea"
              placeholder="在此输入评论..."
              maxlength="100"
              show-word-limit
            />
          </div>
        </template>
      </van-cell>
      <van-uploader v-model="fileList" multiple />
    </van-cell-group>

    <van-button color="#ff4755" block to="assess/successpj">提交评价</van-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: 4,
      message: "",
      fileList: [{ url: "https://img.yzcdn.cn/vant/leaf.jpg", isImage: true }]
    };
  },
  methods: {
    goback() {
      this.$router.go(-1); //返回上一页
    }
  }
};
</script>

<style lang="scss" scoped>
@import "@/style/my/orders/assess";
</style>